<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8" />
    	
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!--[if lt IE 9]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
	<![endif]-->
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="/media/ie6.css"/>
	<![endif]-->

	<link type="text/css" rel="stylesheet" href="/media/main.css" />
    <link rel="stylesheet" href="/media/fluid_grid_12c_60w.css" />
	<link rel='stylesheet' href='/media/top_button.css' type='text/css' />
	
	
	{% block preJQuery %}{% endblock %}
	
    {% block headLinks %}{% endblock %}
	
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		
	{% block postJQuery %}{% endblock %}
	
	{% include "contact_js.html" %}
	
	{% block scriptJS %}{% endblock %}
		
	<title>Algos - Sobre el dolor Infantil</title>
</head>

<body {% block body_parameters %}{% endblock %} >

	<script id="blogroll_t" type="text/x-jquery-tmpl">
		<li><a href="${url}" rel="external" target="_blank">${name}</a></li> 
    </script>
			
	{% block header %}{% endblock %}
		
	<section id="content_base" class="body">
        {% block content_base %}{% endblock %}
	</section>
	
    <footer id="footer">
		<div class="container_24" id="footer_content">
        	<div id="featured" class="grid_10">
				<div class="slideshow" id="cesc"></div>
			</div>
			<div class="blogroll grid_7">
				<h3>BlogRoll</h3>
				<ul id="roll_list"></ul>
			</div><!-- /.blogroll -->
<script> 
    $.ajaxSetup ({cache: false});
	$.getJSON("https://spreadsheets.google.com/feeds/list/0AnEtH40HxJqMdDk1YlpwVDdyU3FLb2xqTjh0VmpNcFE/od6/public/basic?alt=json"
		, function(data) {
		var blogrolls = $.map(data.feed.entry, function(obj, index) {
			var results = {};
			var splits = obj.content.$t.split('9end9:');
			var key = $.trim(splits.shift());
			while (splits.length > 0) {
                var str = splits.shift();
                var pos = str.lastIndexOf(",");
                results[key] = str.substring(0, pos > 0 ? pos : str.length);
                key = $.trim(str.substring(pos + 1));
            }
			return {url: results.url,name: results.name}
		});
		$('#blogroll_t').tmpl(blogrolls).appendTo('#roll_list');
    });	  
</script>
			<div class="blogroll grid_7">
				<h3>Anar a...</h3>
				<ul id="roll_list">
					<li><a href="algos/" rel="external">Qui Som</a></li>
					<li><a href="linies/" rel="external">La recerca</a></li>
					<li><a href="projects/" rel="external">Els projectes</a></li>
					<li><a href="articles/" rel="external">Les publicacions</a></li>
					<li><a href="massmedia/" rel="external">Noticies de Premsa</a></li>
					<li><a href="tractament/" rel="external">Tractament</a></li> 
				</ul>
			</div>
            <div class="clear"></div>
        </div>
		{% block endBody %}{% endblock %}
	</footer>
	
<script src="http://www.flickrshow.com/static/scripts/flickrshow-7.1.min.js"></script> 
        
<script> 
	var cesc = new flickrshow('cesc', {autoplay:true, interval:4000, hide_buttons:true, 'set': '72157626481400160',per_page:20});
</script> 
	

    </body>
</html>
